window.onload = function () {
    //获取浏览器的query参数
    function getUrlParams() {
        let href = location.href;
        let regExp = /.+\?(.+)/
        let param = regExp.exec(href)[1]
        let paramArr = param.split("&");
        let query = {}
        paramArr.forEach(item => {
            let itemArr = item.split("=");
            query[itemArr[0]] = decodeURI(itemArr[1])
        })

        return query
    }
    //获取参数值
    let query=getUrlParams()
    // console.log(query);
    let productid=query.productId;
    let categoryid=query.categoryId;
    //利用参数值进行数据的请求
    let html="";
    ajax({
        url:"http://chst.vip:1234/api/getproductcom",
        data:{productid:productid},
    }).then(res=>{
        // console.log(res);
        let resArr=res.result;
        //根据请求的数据对评论区进行渲染
        let div=document.querySelector(".com-box")
        resArr.forEach(item=>{
            html+=`<div class="div1">
            <div class="div2">
                <span class="span1">${item.comName}</span>
                <span class="span2">${item.comTime}</span>
            </div>
            <p>${item.comContent}</p>
            <span class="span3">${item.comFrom}</span>
        </div>`
        })
        div.innerHTML=html;
    })
    //通过productid进行数据请求
    ajax({
        url:"http://chst.vip:1234/api/getproduct",
        data:{productid:productid},
    }).then(res=>{
        console.log(res);
        let resArr2=res.result[0];
        let main=document.querySelector("#main")
        //通过请求的数据对商品详情内容进行渲染
        let html2=` <a class="main-a">${resArr2.productImg}</a>
        <p class="p1">${resArr2.productName}</p>
        <div class="mian-div" style="color:#333;font-size:13px">
            <span class="main-span1">当前最低￥6000</span><span class="main-span2" style="padding-left:125px">优选评论8266条</span>
        </div>
        ${resArr2.bjShop}`
        main.innerHTML=html2;
        //获取三级菜单元素，并对内容进行动态渲染
        let aTitle=document.querySelector(".title");
        aTitle.innerText=`${resArr2.productName}`
    })
    //通过categoryid参数进行数据请求
    ajax({
        url:"http://chst.vip:1234/api/getcategorybyid",
        data:{categoryid:categoryid},
    }).then(res=>{
        console.log(res);
        let category=res.result[0].category;
        //获取三级菜单元素，并对内容进行动态渲染
        let aGory=document.querySelector(".category");
        aGory.innerText=category+'>';
        //给元素设置属性值，实现跳转对应的页面并携带参数
        aGory.setAttribute('href',`bijia.html?category=${category}&categoryId=${res.result[0].categoryId}`)
    })

}